<template>
  <div class="Inventory3">
    <div class="flexC">
      <div class="flex JustifyContentC AlignItemsC" style="padding: 2.5rem 0rem;"><p class="colorF textC Bold font_s30" style="font-weight: bold;">婚介机构</p></div>
      <div class="flexC" style="padding:0rem 4.0625rem 2.25rem 4.0625rem;">
        <ul class="Inv_ula flex AlignItemsC JustifyContentC colorF  Bold">
          <li class="flex2 textC">社会组织名称</li>
          <li class="flex1 textC">法定代表人</li>
          <li class="flex2 textC">住所</li>
          <li class="flex1 textC">成立日期</li>
          <li class="flex3 textC">业务主管单位</li>
        </ul>
        <div style="height: 70vh;" class="superviseList font_s18">
          <ul v-for="(item, index) in arr" class="Inv_ulb flex colorF Bold textC" :key="'list' + index">
            <li class="flex2 textC">{{ item.jgmc }}</li>
            <li class="flex1 textC">{{ item.frdb }}</li>
            <li class="flex2 textC">{{ item.jycs }}</li>
            <li class="flex1 textC">{{ item.clsj }}</li>
            <li class="flex3 textC">{{ item.zgdw }}</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      arr: [
        {
          tyshxydm: '52310115772866592E',
          jgmc: '上海东方桥婚姻介绍所',
          frlx: '民非',
          frdb: '丁丽瑢',
          jycs: '松林路11号',
          clsj: '2005/3/17',
          ywfw: '国内婚姻介绍。#',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '处置-年检不合格',
          '2017nhjl': '处置-年检不合格'
        },
        {
          tyshxydm: '52310115631147914Y',
          jgmc: '上海常缘婚姻介绍所',
          frlx: '民非',
          frdb: '汪晓浦',
          jycs: '昌里路335号409室',
          clsj: '2005/8/19',
          ywfw: '国内婚姻介绍。#',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '处置-年检不合格',
          '2017nhjl': '处置-年检不合格'
        },
        {
          tyshxydm: '52310115784259028A',
          jgmc: '上海金鹊桥婚姻介绍所',
          frlx: '民非',
          frdb: '冯维珑',
          jycs: '博山路196号',
          clsj: '2005/12/23',
          ywfw: '国内婚姻介绍。#',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '处置-年检不合格',
          '2017nhjl': '处置-年检不合格'
        },
        {
          tyshxydm: '5231011579273882XL',
          jgmc: '上海益友婚姻介绍所',
          frlx: '民非',
          frdb: '金晓明',
          jycs: '桃林路18号环球广场B座1902室',
          clsj: '2006/8/30',
          ywfw: '国内婚姻介绍。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检不合格',
          '2017nhjl': '年检不合格'
        },
        {
          tyshxydm: '52310115666023524F',
          jgmc: '上海钻石婚姻介绍所',
          frlx: '民非',
          frdb: '徐天立',
          jycs: '浦东大道288号4楼',
          clsj: '2007/8/23',
          ywfw: '国内婚姻介绍',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检合格',
          '2017nhjl': '年检合格'
        },
        {
          tyshxydm: '52310115672684150X',
          jgmc: '上海浦东红凤凰婚姻介绍所',
          frlx: '民非',
          frdb: '王玉峰',
          jycs: '民生路1518号A楼202室',
          clsj: '2008/3/18',
          ywfw: '国内婚姻介绍',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检不合格',
          '2017nhjl': '年检基本合格'
        },
        {
          tyshxydm: '52310115679381814U',
          jgmc: '上海爱馨花园婚姻服务中心',
          frlx: '民非',
          frdb: '林璐',
          jycs: '世纪大道201号5楼',
          clsj: '2008/9/17',
          ywfw: '婚姻介绍服务，婚姻咨询服务，婚恋培训服务，单身联谊活动，征婚信息发布服务。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检合格',
          '2017nhjl': '年检合格'
        },
        {
          tyshxydm: '52310115679381822N',
          jgmc: '上海浦东爱尚幸福婚姻介绍所',
          frlx: '民非',
          frdb: '王莉莉',
          jycs: '碧波路518号A309室',
          clsj: '2008/9/17',
          ywfw: '国内婚姻介绍。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '处置-年检不合格',
          '2017nhjl': '处置-年检不合格'
        },
        {
          tyshxydm: '52310115692918911W',
          jgmc: '上海浦东梅园婚恋交友中心',
          frlx: '民非',
          frdb: '陆红娣',
          jycs: '浦东南路1341弄2号509室',
          clsj: '2009/8/4',
          ywfw: '情感咨询服务、婚姻介绍服务、相亲交友沙龙活动组织策划和实施，家庭婚姻关系指导和维护、承接政府委托事项。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检基本合格',
          '2017nhjl': '年检基本合格'
        },
        {
          tyshxydm: '52310115560118859H',
          jgmc: '上海缘定今生婚姻介绍所',
          frlx: '民非',
          frdb: '金陶赪',
          jycs: '惠南镇工农南路170弄45号',
          clsj: '2010/8/9',
          ywfw: '国内婚姻介绍',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '处置-年检不合格',
          '2017nhjl': '处置-年检不合格'
        },
        {
          tyshxydm: '52310115575824094N',
          jgmc: '上海玫瑰佳缘婚姻介绍所',
          frlx: '民非',
          frdb: '王鹏',
          jycs: '台儿庄路558号二楼',
          clsj: '2011/5/25',
          ywfw: '国内婚姻介绍',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '处置-年检不合格',
          '2017nhjl': '处置-年检不合格'
        },
        {
          tyshxydm: '5231011557588496XJ',
          jgmc: '上海爱多婚姻介绍所',
          frlx: '民非',
          frdb: '徐天立',
          jycs: '陆家嘴环路958号603室',
          clsj: '2011/6/9',
          ywfw: '国内婚姻介绍',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检合格',
          '2017nhjl': '年检合格'
        },
        {
          tyshxydm: '52310115080015279L',
          jgmc: '上海易嫁易娶婚姻介绍所',
          frlx: '民非',
          frdb: '邵涛涛',
          jycs: '惠南镇城南路168弄3号602室',
          clsj: '2013/10/9',
          ywfw: '国内婚姻介绍服务。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '处置-年检不合格',
          '2017nhjl': '处置-年检不合格'
        },
        {
          tyshxydm: '52310115329587126F',
          jgmc: '上海浦东久要爱婚姻介绍所',
          frlx: '民非',
          frdb: '孔严',
          jycs: '富城路99号震旦国际大厦11楼1116室',
          clsj: '2015/3/12',
          ywfw: '国内婚姻介绍。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '直接登记',
          '2018njjl': '年检不合格',
          '2017nhjl': '年检基本合格'
        },
        {
          tyshxydm: '52310115797065695L',
          jgmc: '上海爱情故事婚姻介绍服务中心',
          frlx: '民非',
          frdb: '康煜',
          jycs: '潍坊西路73号7号楼301室、302室',
          clsj: '2007/1/15',
          ywfw: '国内婚姻介绍服务。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检基本合格',
          '2017nhjl': '年检不合格'
        },
        {
          tyshxydm: '52310115MJ5209793W',
          jgmc: '上海浦东新区王妈妈公益红娘工作室',
          frlx: '民非',
          frdb: '王成永',
          jycs: '灵山路1803号304室12座',
          clsj: '2017/6/6',
          ywfw: '婚姻、家庭指导服务；举办公益性相亲活动。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区民政局',
          glms: '双重管理',
          '2018njjl': '年检基本合格',
          '2017nhjl': '年检合格'
        },
        {
          tyshxydm: '52310115594726270D',
          jgmc: '上海浦东新区洋泾范本良公益红娘工作室',
          frlx: '民非',
          frdb: '范本良',
          jycs: '沈家弄路891号114室',
          clsj: '2012/4/23',
          ywfw: '婚姻家庭指导，举办公益性相亲活动，接受政府委托承接相关公益服务等（凡涉及许可证的，凭许可证经营）。',
          hylb: '社会服务',
          zgdw: '上海市浦东新区人民政府洋泾街道办事处',
          glms: '直接登记',
          '2018njjl': '年检合格',
          '2017nhjl': '年检合格'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.Inventory3 {
  .Inv_ula {
    height: 3.75rem;
    font-size: 1.5625rem;
    font-weight: bold;
    background: url(../../assets/img/home/components/01.png) no-repeat;
    background-size: 100% 3.85rem;
    margin-left: -3px;
    margin-right: -3px;
  }
  .superviseList {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .superviseList::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
    background: rgba($color: #fff, $alpha: 0.6);
  }
  .superviseList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba($color: #3659f3, $alpha: 0.8);
  }
  .Inv_ulb {
    font-weight: bold;
    border: 1px solid rgba(255, 255, 255, 0.36);
    border-top: none;
    overflow: hidden;
    li {
      padding: 1rem;
    }
  }

  .Inv_ulb li:nth-child(odd) {
    background: rgba(255, 255, 255, 0.13);
  }
}
</style>
